import React,{useState,useEffect} from 'react'
import axios from 'axios'
export default function UseEffect() {
    const [list,setlist]=useState([])
    // useEffect处理副作用，可以用来处理请求数据ajax
    // useEffect传两个参数，第一个是回调函数，第二个传[]空数组:是不依赖任何东西或者不传空数组
    useEffect(()=>{
        axios.get('/test.json').then(res=>{
            console.log(res.data.data.films);
            setlist(res.data.data.films)
        })
    },[])
  return (
    <div>
        app-
        <ul>
            {
                list.map(item=><li key={item.filmId}>{item.name}</li>)
            }
        </ul>
    </div>
  )
}
